<template>
  <div class="InforBase-container">
    <!-- 面包屑导航 -->
    <el-card class="filter-card">
      <div slot="header" class="clearfix">
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item :to="{ path: '/developInspection' }"
            >培养考察</el-breadcrumb-item
          >
          <el-breadcrumb-item>个人考察表</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
      <!-- 标签页 -->
      <el-tabs v-model="activeName">
        <el-tab-pane label="专业学习情况" name="first"
          ><Study></Study
        ></el-tab-pane>
        <el-tab-pane label="思想政治表现" name="second"
          ><Political></Political
        ></el-tab-pane>
        <el-tab-pane label="志愿服务与获奖情况" name="third"
          ><AddActivities></AddActivities
        ></el-tab-pane>
        <el-tab-pane label="评价打分" name="fourth"
          ><Evaluate></Evaluate
        ></el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import Study from './study/'
import Evaluate from './evaluate/'
import Political from './political/'
import AddActivities from './addActivities/'

export default {
  name: 'InfonbaseIndex',
  components: { Study, AddActivities, Evaluate, Political },
  props: {},
  data () {
    return {
      activeName: 'first',
    }
  },
  computed: {},
  watch: {},
  created () {
    this.init()
  },
  mounted () { },
  methods: {
  }
}
</script>

<style>
.filter-card {
  margin-bottom: 20px;
}
.list-lable {
  margin-bottom: 20px;
}
</style>
